<template>
  <!-- #region template -->
  <BCard
    no-body
    class="overflow-hidden"
    style="max-width: 540px"
  >
    <BRow class="g-0">
      <BCol md="6">
        <BCardImg
          src="https://picsum.photos/400/400/?image=20"
          alt="Image"
          class="rounded-0"
        />
      </BCol>
      <BCol md="6">
        <BCardBody title="Horizontal Card">
          <BCardText>
            This is a wider card with supporting text as a natural lead-in to additional content.
            This content is a little bit longer.
          </BCardText>
        </BCardBody>
      </BCol>
    </BRow>
  </BCard>
  <!-- #endregion template -->
</template>
